
import Loadable from 'react-loadable'
// import Loadable from '../loadable'

import { loading } from '../components';

const Notifications = Loadable({
    loader: () => import('./Notifications'),
    loading
})

const Artical = Loadable({
    loader: () => import('./Artical'),
    loading
})

const ArticalEdit = Loadable({
    loader: () => import('./Artical/Edit'),
    loading
})

const Dashboard = Loadable({
    loader: () => import('./Dashboard'),
    loading
})

const Login = Loadable({
    loader: () => import('./Login'),
    loading
})

const NotFound = Loadable({
    loader: () => import('./NotFound'),
    loading
})

const Settings = Loadable({
    loader: () => import('./Settings'),
    loading
})

const NoAuth = Loadable({
    loader: () => import('./NoAuth'),
    loading
})


export {
    Artical,
    ArticalEdit,
    Dashboard,
    Login,
    NotFound,
    Settings,
    Notifications,
    NoAuth
}